// pages/index/index.js

const request = require('../../utils/request.js')

Page({

    /**
     * 页面的初始数据
     */
    data: {
      bannerList:[],
      recommendsList:[],
      topList: [
      ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
  onLoad: function (options) {
    // 获取轮播图
    request.GET('/banner', {type: 2}).then((res)=> {
      console.log('请求成功了哈',res);
      this.setData({
        bannerList: res.banners
      })
    }).catch(res => {//数据请求失败
      console.log('请求失败了哈',res);
      })
      //获取推荐区域信息
      request.GET('/personalized',{limit: 8} ).then((res)=> {
        console.log('请求成功了哈',res);
        this.setData({
          recommendsList: res.result
        })
      }).catch(res => {//数据请求失败
        console.log('请求失败了哈',res);
        })
      //下面是排行榜代码
      //循环
    let topListResultList = []
    for(let i = 0; i< 5; i++){
      console.log(i)
      request.GET('/top/list', {idx: i}).then((res)=> {
        console.log('排行榜',res);
        console.log(`我请求排行榜成功了第${i}`,res);
        //生成一个对象
        let topListItem = {name: res.playlist.name,traks:res.playlist.tracks.slice(0,3)}
        console.log('toplistItem里面有',topListItem);
        //将这个对象push到结果数组里
        topListResultList.push(topListItem)
        console.log('topListResultList的值为',topListResultList);
        this.setData({
          topList: topListResultList
        })
      }).catch(res => {//数据请求失败
        console.log('请求失败了哈',res);
        })
      //请求排行榜数据
      wx.request({
        url: 'http://localhost:3000/top/list',
        data: {
          idx: i
        },
        success: res => {
          console.log(`我请求排行榜成功了第${i}`,res);
          //生成一个对象
          let topListItem = {name: res.data.playlist.name,traks:res.data.playlist.tracks.slice(0,3)}
          console.log('toplistItem里面有',topListItem);
          //将这个对象push到结果数组里
          topListResultList.push(topListItem)
          console.log('topListResultList的值为',topListResultList);
          this.setData({
            topList: topListResultList
          })
        },
        fail: err=> {
          console.log(`我请求排行榜成功了第${i}`,err);
        }
      })
    }
      //上面是排行榜代码  
  },
  //跳转到推荐
  toRecommend: function(){
    wx.navigateTo({
      url: "/pages/recommendSong/recommendSong",
    })
  },
  //跳转到推荐
  // toLogin: function(){
  //   wx.navigateTo({
  //     url: "/pages/recommendSong/recommendSong",
  //   })
  // },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
  
    },
  
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
  
    },
  
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
  
    },
  
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
  
    },
  
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
  
    },
  
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
  
    },
  
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
  
    }
  })